<template>
    <div class="home">
        <van-nav-bar
            title="易车网"
            left-text="返回"
            left-arrow
            />
        <div class="main">
            <router-view/>
        </div>
        <van-tabbar route>
            <van-tabbar-item replace to="/home/main" icon="home-o">首页</van-tabbar-item>
            <van-tabbar-item replace to="/home/forum" icon="search">论坛</van-tabbar-item>
            <van-tabbar-item replace to="/home/chance" icon="search">选车</van-tabbar-item>
            <van-tabbar-item replace to="/home/beijing" icon="search">北京</van-tabbar-item>
            <van-tabbar-item replace to="/home/my" icon="search">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';


@Component({
  components: {
    
  },
})
export default class index extends Vue {}
</script>
<style lang='scss' scoped>
    // .home{
    //     width: 100%;
    //     height: 100%;
    //     display: flex;
    //     flex-direction: column;
    //     overflow: hidden;
    // }
    // main{
    //     flex: 1;
    //     overflow-y: scroll;
    // }
</style>